<template>
    <div>
        <TypeNav />
        <List />
        <Recommend />
        <Rank />
        <Like />
        <Floor :floor="floor" v-for="floor in floorList" :key="floor.id"/>
        <Brand />
    </div>
</template>

<script>
import { reqFloorList } from "@/api/index";

import List from "./components/List";
import Recommend from "./components/Recommend";
import Rank from "./components/Rank";
import Like from "./components/Like";
import Floor from "./components/Floor";
import Brand from "./components/Brand";
export default {
    name: "Home",
    components: {
        List,
        Recommend,
        Rank,
        Like,
        Floor,
        Brand,
    },
    data() {
        return {
            floorList: [],
        };
    },
    methods: {
        async getFloorList() {
            this.floorList = await reqFloorList();
        },
    },
    mounted() {
        this.getFloorList();
    },
};
</script>

<style></style>
